{% extends '@App/Layout.html.twig' %}
{% set seek_active=1 %}

{% block body %}
    <div class="jumbotron">
        <div class="container">
            <hgroup>
                <h1>[ 失 踪 人 员 详 情 ]</h1>
                <h4>我的亲人，有你才有家，你在哪里，寻你回家！</h4>
            </hgroup>
        </div>
    </div>
        <!--内容-->
        <h2 class="tab-h2">[{{ case.FullName }}寻人信息]</h2>
        <p class="tab-p">相关信息如下</p>
        <div  id="personinfo">
            <div class="container">
                <div class="row">
                        <!--内部百分百-->
                        <div class="container-fluid">
                                <div class="row row1">
                                    <div class="col-md-4 col-sm-4 col-xs-4 zx">
                                        <h3>失踪人员照片：</h3>
                                        <img class="img-responsive " src="{{ case.PhotoUrl }}"  alt=""></div>
                                    <div class="col-md-8 col-sm-8 col-xs-8 rx">
                                        <div class="panel panel-info">
                                            <div class="panel-heading">
                                                <h3 class="panel-title">{{ case.FullName }}失踪信息</h3>
                                                <p style="padding-top:10px ">信息发布时间：{{ case.EntryDate }}</p>
                                            </div>
                                            <div class="panel-body" style="padding: 0">
                                                <table class="table">
                                                    <tr><th>失踪人员姓</th><td>{{ case.FamilyName }}</td></tr>
                                                    <tr><th>失踪人员全名</th> <td>{{ case.FullName }}</td></tr>
                                                    <tr><th>失踪人员别名（小名）</th> <td>{{ case.AlternateNames }}</td></tr>
                                                    <tr><th>失踪人员被给定名称</th> <td>{{ case.GivenName }}</td></tr>
                                                    <tr><th>失踪人员性别</th> <td>{{ case.Sex }}</td></tr>
                                                    <tr><th>失踪人员出生日期</th> <td>{{ case.DateOfBirth }}</td></tr>
                                                    <tr><th>失踪人员年龄</th> <td>{{ case.Age }}</td></tr>
                                                    <tr><th>失踪人员国籍</th> <td>{{ case.HomeCountry }}</td></tr>
                                                    <tr><th>失踪人员家居城市</th> <td>{{ case.HomeCity }}</td></tr>
                                                    <tr><th>失踪人员家居街道</th> <td>{{ case.HomeStreet }}</td></tr>
                                                    <tr><th>失踪人员家居社区</th> <td>{{ case.HomeNeighborhood }}</td></tr>
                                                    <tr><th>失踪人员家庭状态</th> <td>{{ case.HomeState }}</td></tr>
                                                    <tr><th>失踪人员家居邮政编码</th> <td>{{ case.HomePostalCode }}</td></tr>
                                                    <tr><th>失踪人员描述</th> <td>{{ case.Description }}</td></tr>
                                                    <tr><th>失踪人员备注材料</th> <td><button class="btn btn-default btn-lg" data-toggle = "modal" data-target = "#testmodel3">材料地址</button></td></tr>
                                                    <div class="modal fade" tabindex="-1"  id="testmodel3" >
                                                        <!--窗口声明-->
                                                        <div class="modal-dialog modal-sm">
                                                            <!--内容声明-->
                                                            <div class="modal-content">
                                                                <!--头部-->
                                                                <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss = "modal">
                                                                        <span >&times;</span>
                                                                    </button>
                                                                    <h4 class="modal-title">失踪人员备注材料</h4>
                                                                </div>
                                                                <!--主体-->
                                                                <div class="modal-body">
                                                                    {% if case.ProfileUrls  %}
                                                                        {{ case.ProfileUrls }}
                                                                    {% else %}
                                                                        <p>未上传备注材料</p>
                                                                    {% endif %}
                                                                </div>
                                                                <!--注脚-->
                                                                <div class="modal-footer">
                                                                    <button class="btn btn-default " data-dismiss = "modal">确定</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </table>
                                                <ul class="list-group">
                                                    <li class="list-group-item list-group-item-info"><h5>发布者姓名：{{ case.AuthorName }}</h5></li>
                                                    <li class="list-group-item list-group-item-info"><h5>发布者联系方式：{{ case.AuthorPhone }}</h5></li>
                                                    <li class="list-group-item list-group-item-info"><h5> 发布者邮箱：{{ case.AuthorEmail }}</h5></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                </div>
            </div>
        </div>
{% endblock %}
